<%@page import="search.transcoord.TransCoordLoader"%>
<%@page import="search.local.LocalItem"%>
<%@page import="java.util.ArrayList"%>
<%@page import="search.local.LocalLoader"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%
	// 출발지 또는 도착지의 검색어를 받아 옴
	String stlocal = request.getParameter("stlocal");
	String enlocal = request.getParameter("enlocal");
	
	String keyword = null;	// 검색어를 저장할 변수
	int flag = 0;	// 출발지 검색인지 도착지 검색인지 구분 하는 변수

	
	if (stlocal == null) {
		if (enlocal == null) {
			out.print("<script type='text/javascript'>alert('파라미터가 없습니다.');history.back();</script>");
			return;
		} else {
			enlocal = new String(enlocal.getBytes("ISO-8859-1"), "UTF-8");
			flag = 2;	// 도착지를 검색한 것임을 나타냄
			keyword = enlocal;	// 도착지를 저장
		}
	} else {
		stlocal = new String(stlocal.getBytes("ISO-8859-1"), "UTF-8");
		flag = 1;	// 출발지를 검색한 것임을 나타냄
		keyword = stlocal;	// 출발지를 저장
	}

	// 검색어를 네이버 지역api를 통해서 좌표값과 주소 등을 받아 온다.
	LocalLoader loader = new LocalLoader();
	ArrayList<LocalItem> list = loader.getLocalList(keyword);
%>
<!DOCTYPE html>
<html lang=ko>
<head>
<%@ include file = "head.jsp" %>
<title>지역검색결과</title>
<link rel=stylesheet href=assets/css/search_result.css>
</head>
<body onload=init()>
<nav class="navbar navbar-fixed-top" role=navigation>
<div class="nav_content text-center">
<div class="nav_menu_btn pull-left text-center">
<a class=back_btn onclick=history.back()><i class="fa fa-arrow-left"></i></a>
</div>
<span class=page_title><strong>경로선택</strong></span>
</div>
</nav>
<div id=glayLayer></div>
<div id=overLayer></div>
<%
			// 검색결과가 있을 경우에만 출력
			if (list != null) {
				// 검색어가 공백이 아닌 경우
				if (!keyword.equals("")) {
		%>
<form class=form-signin method=post action=index.jsp>
<div class=panel-group>
<%
				if (list.size() < 1) {
								out.println("<p>검색 결과가 없습니다.</p>");
							} else {
								for (int i = 0; i < list.size(); i++) {
									LocalItem item = list.get(i);
									// 네이버 좌표 체계 KTM를 위도경도 좌표 체계인 WGS84로 변환 하기 위한 다음 좌표변환api
									TransCoordLoader tloader = new TransCoordLoader();
			%>
<div class=list-case>
<div class=content>
<div class=panel-heading>
<div class=panel-title>
<a class="accordion-toggle list-style" data-toggle=collapse data-parent=#accordion href=#collapse<%= i %>>
<div class="thumbnail_map pull-left" id=thumbnail<%=i%>>
<img src="http://openapi.naver.com/map/getStaticMap?version=1.0&crs=EPSG:4326&center=<%=tloader.getReverseTransCoord(item.getMapx(),
										item.getMapy())%>&level=10&w=100&h=100&maptype=default&markers=<%=tloader.getReverseTransCoord(item.getMapx(),
										item.getMapy())%>&key=8a2d17c98fec8873eb768735df4bcf58&uri=blog.naver.com/crimwax" />
</div>
<div class=loca_info>
<h4><strong><%=item.getTitle()%></strong></h4>
<div>
<%=item.getAddress()%>
</div>
</div>
<div class=mark-sign>
<i class="fa fa-star fa-o-style"></i>
</div>
</a>
</div>
</div>
</div>
<div id=collapse<%= i %> class="panel-collapse collapse collapse">
<div class=panel-body>
<input type=hidden value=<%=item.getTitle()%>>
<input type=hidden value=<%=item.getAddress()%>>
<button id=<%=i%> class="list-btn1 btn btn-info sub_btn" value=<%=tloader.getTransCoord(item.getMapx(), item.getMapy())%>>북마크</button>
<button class="list-btn1 btn btn-warning map sub_btn" value='http://openapi.naver.com/map/getStaticMap?version=1.0&crs=EPSG:4326&center=<%=tloader.getReverseTransCoord(item.getMapx(),
								item.getMapy())%>&level=10&w=280&h=400&maptype=default&markers=<%=tloader.getReverseTransCoord(item.getMapx(),
								item.getMapy())%>&key=8a2d17c98fec8873eb768735df4bcf58&uri=blog.naver.com/crimwax'>지도보기</button>
<button class="list-btn2 btn btn-danger pull-right sub_btn" type=submit onclick="sessionStorage['<% if (flag == 1) { %>sl<% } else if (flag == 2) { %>el<% } %>']='<%=item.getTitle()%>';sessionStorage['<% if (flag == 1) { %>sg<% } else if (flag == 2) { %>eg<% } %>']='<%=tloader.getTransCoord(item.getMapx(),item.getMapy())%>'">
<%
									if (flag == 1) {
								%>출발지로<%
									} else if (flag == 2) {
								%>도착지로<%
									}
								%>
</button>
</div>
</div>
</div>
<%
				}
							}
						}
			%>
</div>
</form>
<%
			} // end if (list != null)
		%>
<script src=assets/js/jquery.js></script>
<script src=assets/js/bootstrap.min.js></script>
<script src=assets/js/db.js></script>
<script src=assets/js/search_result.js></script>
<script type=text/javascript>$(function(){$(".map").click(function(){$("#glayLayer").fadeIn(300);$("#overLayer").fadeIn(200);$("#overLayer").html("<img src='"+$(this).val()+"' />");return false});$("#glayLayer").click(function(){$(this).fadeOut(300);$("#overLayer").fadeOut(200)})});</script>
</body>
</html>